<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 对不识别viewport设备优化 -->
    <meta name="HandheldFriendly" content="true">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <title>确认订单 | 商超世界</title>
    <link rel="icon" type="image/x-icon" href="./favicon.ico" />
    <link rel="stylesheet" type="text/css" href="./css/reset.css">
    <script type="text/javascript" src="./js/rem.js"></script>
    <link rel="stylesheet" href="./css/toast.css">
    <link rel="stylesheet" type="text/css" href="./css/confirmOrder.css">
</head>

<body>
    <header>
        <a onclick="javascript:window.history.back(-1);return false" class="back">
            <img src="./images/back.png">
        </a>
        确认订单
    </header>
    <div class="main">
        <div class="address clearfix">
            
        </div>
        <div class="order">
            <!-- 商店名称 -->
            <h3></h3>
            <!-- 产品内容 -->
            <ul class="product">

            </ul>
            <!-- 选项内容 -->
            <ul class="option">
                <li class="post">
                    <!-- 配送方式 -->
                    <span>配送方式</span>
                    <input type="radio" name="style" class="store" checked=checked>
                    <i>商家配送</i>
                    <input type="radio" name="style" class="personal">
                    <i>自提</i>
                </li>
                <!-- 买家留言 -->
                <li class="message">
                    <span class="fl">买家留言:</span>
                    <input type="text" class="words" placeholder="选填,可填写您与卖家达成一致的要求">
                </li>
            </ul>
            <!-- 商品运费明细 -->
            <div class="orderPrice">
                <!-- 商品价格 -->
                <div>
                    <span class="proNum">共2件</span>
                    <span>商品金额:</span>
                    <span class="proPrice"></span>
                </div>
                <!-- 运费 -->
                <div>
                    <span>运费:</span>
                    <span class="freight"></span>
                </div>
            </div>

            <!-- 提交订单 -->
            <div class="commit clearwfix">
                <div class="fl">
                    <span>实付金额:</span>
                    <span class="amount"></span>
                </div>
                <input type="button" value="提交订单" class="btn">
            </div>
        </div>
    </div>
</body>
<script src="./js/jquery1.7.2.js"></script>
<script src="./js/jquery.cookie.js"></script>
<script src="./js/toast.js"></script>
<script src="./js/template-web.js"></script>
<!-- 产品信息模板 -->
<script type="text/html" id="product">
    <!-- 产品内容 -->
    <li class="clearfix">
        <img class="fl" src={{goods_image}}>
        <div class="fr infor">
            <p>{{goodsName}}</p>
            <div class="detail clearfix">
                <span class="price fl">￥{{price}}</span>
                <del></del>
                <span class="num fr">×{{num}}</span>
            </div>
        </div>
    </li>

</script>
<!-- 默认地址模板 -->
<script type="text/html" id="address">
    <div class="icon fl"></div>
    {{if id}}
    <div class="content fl">
        <div class="top">
            <span class="name">{{name}}</span>
            <span class="phone">{{phone}}</span>
            {{if is_default}}
            <input type="button" value="默认"> {{/if}}
        </div>
        <div class="bottom">{{area_info}}{{address}}</div>
    </div>
    {{else}}
    <div class="content fl" style="line-height:1.2rem">添加地址</div>
    {{/if}}
    <div class="edit fl"></div>
</script>
<script src="./js/confirmOrder.js"></script>

</html>